.jd_sprit {
  background: url('../images/jd-sprites.png') 0px 0px no-repeat;
  background-size: 200px 200px;
}

body {
  height: 2000px;
}

.jd_container {
  width: 100%;
  height: 100%;
  max-width: 640px;
  min-width: 320px;
  margin: 0 auto;
  padding-top: 44px;
  padding-bottom: 55px;
}

.jd_header {
  position: fixed;
  z-index: 999;
  top: 0;
  width: 100%;
  max-width: 640px;
  height: 44px;
  width: 100%;
  background-color: rgb(242, 48, 48);
  display: flex;
  .icon_left,
  .icon_right {
    width: 44px;
    text-align: center;
    line-height: 44px;
    font-size: 24px;
    color: #fff;
  }
  .title {
    flex: 1;
    color: #fff;
    font-size: 18px;
    line-height: 44px;
    text-align: center;
  }
}

.jd_footer {
  height: 55px;
  position: fixed;
  width: 100%;
  max-width: 640px;
  background-color: #fff;
  bottom: 0;

  ul {
    display: flex;
    height: 100%;
    li {
      flex: 1;
      text-align: center;
      padding-top: 10px;
      a {
        display: block;
        width: 100%;
        height: 100%;
        color: #666;
        i {
          font-size: 16px;
        }
      }
      &.now {
        a {
          color: @mainColor;
        }
      }
    }
  }
}
